<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <blockquote class="text-warning" style="font-size: 14px">
          <div style="display: flex; justify-content: center; align-items: center; ">
            <span style="font-size: 30px; color: black;">{{ redSky }}</span>
          </div>
        </blockquote>
        <el-divider></el-divider>

        <blockquote class="text-warning" style="font-size: 14px">
          <div style="display: flex; justify-content: center; align-items: center; ">
            <span style="font-size: 30px; color: black;">{{ redSky1 }}</span>
          </div>
        </blockquote>
        <el-divider></el-divider>

        
        <blockquote class="text-warning" style="font-size: 14px">
          <div style="display: flex; justify-content: center; align-items: center; ">
            <span style="font-size: 30px; color: black;">{{ redSky2 }}</span>
          </div>
        </blockquote>
        <el-divider></el-divider>

        
        <blockquote class="text-warning" style="font-size: 14px">
          <div style="display: flex; justify-content: center; align-items: center; ">
            <span style="font-size: 30px; color: black;">{{ redSky3 }}</span>
          </div>
        </blockquote>

        <hr />
      </el-col>
    </el-row>


  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      redSky: "redSky正在学习的项目",
      redSky1: "昨夜西风凋碧树，独上高楼，望尽天涯路",
      redSky2: "衣带渐宽终不悔，为伊消得人憔悴",
      redSky3: "众里寻他千百度，蓦然回首，那人却在，灯火阑珊处",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">
.home {

  font-family: "open sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;


}
</style>
